<!-- 考试安排表格容器 -->
<div class="table-responsive exam-schedule-table" id="exam-schedule-table">
  <div class="table-wrapper exam-schedule-table-wrapper">
    <h3 class="table-title exam-schedule-table-title">考试安排</h3>
    <div class="action-btns exam-schedule-action-btns">
      <!-- 添加考试安排按钮 -->
      <button data-toggle="modal" data-target="#add-exam-schedule-modal" class="btn btn-primary">添加考试安排</button>
    </div><br>
    <!-- 省略实际表格内容；可根据需求填充表格 -->
    <table class="table table-hover exam-schedule-table">
      <thead>
      <tr>
        <th>考试ID</th>
        <th>课程名称</th>
        <th>考试日期</th>
        <th>考试地点</th>
        <th>开始时间</th>
        <th>结束时间</th>
        <th>状态</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody id="exam-schedule-tbody">
      <!-- 使用 JavaScript 动态填充考试安排数据 -->
      </tbody>
    </table>
  </div>
</div>



  <!-- 增加考试安排模拟框 -->
  <div class="modal fade" id="add-exam-schedule-modal" tabindex="-1" role="dialog" aria-labelledby="add-exam-schedule-modal-label" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="add-exam-schedule-modal-label">添加考试安排</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="关闭">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <form id="add-exam-schedule-form">
            <div class="form-group">
              <label for="exam-course-name">课程名称</label>
              <input type="text" class="form-control" id="exam-course-name" placeholder="请输入课程名称">
            </div>
            <div class="form-group">
              <label for="exam-date">考试日期</label>
              <input type="date" class="form-control" id="exam-date">
            </div>
            <div class="form-group">
              <label for="exam-location">考试地点</label>
              <input type="text" class="form-control" id="exam-location" placeholder="请输入考试地点">
            </div>
            <div class="form-group">
              <label for="exam-start-time">开始时间</label>
              <input type="time" class="form-control" id="exam-start-time">
            </div>
            <div class="form-group">
              <label for="exam-end-time">结束时间</label>
              <input type="time" class="form-control" id="exam-end-time">
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary" id="add-exam-schedule-btn">添加考试安排</button>
        </div>
      </div>
    </div>
  </div>

<div class="modal fade" id="edit-exam-schedule-modal" tabindex="-1" role="dialog" aria-labelledby="edit-exam-schedule-modal-label" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="edit-exam-schedule-modal-label">编辑考试安排</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="关闭">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id="edit-exam-schedule-form">
          <input type="hidden" id="edit-exam-schedule-id">
          <div class="form-group">
            <label for="edit-exam-course-name">课程名称</label>
            <input type="text" class="form-control" id="edit-exam-course-name" placeholder="请输入课程名称">
          </div>
          <div class="form-group">
            <label for="edit-exam-date">考试日期</label>
            <input type="date" class="form-control" id="edit-exam-date">
          </div>
          <div class="form-group">
            <label for="edit-exam-location">考试地点</label>
            <input type="text" class="form-control" id="edit-exam-location" placeholder="请输入考试地点">
          </div>
          <div class="form-group">
            <label for="edit-exam-start-time">开始时间</label>
            <input type="time" class="form-control" id="edit-exam-start-time">
          </div>
          <div class="form-group">
            <label for="edit-exam-end-time">结束时间</label>
            <input type="time" class="form-control" id="edit-exam-end-time">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="saveExamScheduleChangesBtn">保存更改</button>
      </div>
    </div>
  </div>
</div>